body,
html {
    /* font-family: corbel; */
}
li{ list-style:none;}

/* 导航修饰 */
/** header ====================================================================================*/
.m_header{display: none;}
.pc_header{width: 100%; height: 92px;  position: fixed; left: 0px; top: 0px; z-index: 999; background: #fff;border-bottom: 2px solid #e7eaee;}


@media (max-width:1023px){
.pc_header{display: none;}
.m_header{display:block;}
}

/** pc_nav ====================================================================================*/
.pc_nav,
.pc_nav ul,
.pc_nav ul li,
.pc_nav ul li a{margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;}
.pc_nav:after,.pc_nav > ul:after {content: ".";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}

.pc_nav {width: 100%; margin: 0px auto; line-height: 1.6; background: #fff;border-bottom: 2px solid #e7eaee;    max-width: 1400px;}
.pc_nav > ul{float: left;}
.pc_nav > ul > li {float: left; }
.pc_nav > ul > li > a {background: #fff left bottom;padding: 0px 20px 0px 20px; font-size: 14px;font-weight: bold; line-height: 90px;color: #7f8b8f; text-decoration: none;font-family: 'corbel';}
.pc_nav > ul > li:nth-child(3) > a{margin-right: 10px;}
.pc_nav > ul > li:nth-child(3){background: url(./images/select.png)no-repeat right center;}
.pc_nav > ul > li:hover > a {background: url(./images/nav_hover.png)no-repeat left bottom;}
.pc_nav > ul > li.on > a {background: url(./images/nav_hover.png)no-repeat left bottom;}
.pc_nav > ul > li.nav-has-sub > a {}
.pc_nav ul ul {position: absolute; left: -9999px;}
.pc_nav > ul > li > ul {border-top: 0px solid #FFF;}
.pc_nav li:hover > ul {left: auto;}

.pc_nav ul ul ul {margin-left: 100%;top: 0;}
.pc_nav ul ul li {height: 0;transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;}
.pc_nav ul li:hover > ul > li {height:50px; line-height: 50px;}
.pc_nav ul ul li a { padding:0px 20px; padding-right: 27px;width: 100%; height:50px; line-height: 50px;  background: #00aed9;border-top: 1px solid #aab1c7;text-decoration: none;color: #eeeeee;
transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;font-size: 10px;}

.pc_nav ul ul li:hover > a,
.pc_nav ul ul li a:hover {color: #000;background: #FFF; }
.pc_nav ul ul li.nav-has-sub > a::after {position: absolute; top: 25px;right: 10px;width: 4px; height: 4px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pc_nav ul ul li.nav-has-sub:hover > a::after { border-color: #f00;}
.pc_header .pc_nav .logo{float: left;display: block;width: 305px;position: relative;height: 90px;margin-right: 75px;}
.pc_header .pc_nav .logo img{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.pc_header .pc_nav .rt{float: right;height: 90x;padding-top: 27px;}
.pc_header .pc_nav .rt select{width: 150px;height: 33px;line-height: 33px;border-radius: 25px;font-family:'corbel';border: 1px solid #aab4b8;background: #fff;color: #aab4b8;padding: 0 20px 0 10px;float: left;}
.pc_header .pc_nav .rt .button{float: left;display: block;height: 33px;width: 34px;margin-left: 30px;}
.pc_header .pc_nav .rt select{}
/** pc_nav ====================================================================================*/


/** m_nav ====================================================================================*/
.m_header{width: 100%;height: 70px; position: fixed; top: 0px; left:0px; z-index: 999; background: #fff;}
.m_header .header-section{width:100%; height:70px; padding:20px 20px; overflow: hidden; }
.m_header .header-section .logo{ width: 150px; float: left;}
.m_header .header-section:after{content:"";width:100%;height:1px;background-color:#d1d1d1;position:absolute;left:0;bottom:0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}

.m_header .header-section .nav-icon{ position: absolute; right: 20px; top: 22px; width:25px;height:25px; z-index:1000;font-size:0;text-align:right;cursor:pointer}
.m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .header-section .nav-icon i span{display:inline-block;width:70%;height:2px;background-color:#9babcc;position:relative;border-radius:2px}
.m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%}
.m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:55%}
.m_header .header-section .nav-icon i:nth-of-type(3) span{top:70%}

.m_header .m-navbar{background-color:#fff;position:fixed;width:100%;height:100%;z-index:99999;right:-100%;top:0;padding-bottom:.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch}
.m_header .m-navbar.open{right: 0px;}
.m-navbar .logo{ padding: 20px 20px; position: relative;}
.m-navbar .logo .logoimg{width: 150px; display: block;}
.m_header .logo .nav-icon{ position: absolute; right: 20px; top:30px; width:25px;height:25px; z-index:1000;font-size:0;text-align:right;cursor:pointer}
.m_header .logo .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}
.m_header .logo .nav-icon i span{display:inline-block;width:100%;height:2px;background-color:#9babcc;position:relative;border-radius:2px}
.m_header .logo .nav-icon i:nth-of-type(1) span{top:20%;transform:rotate(45deg);}
.m_header .logo .nav-icon i:nth-of-type(2) span{top:20%;transform:rotate(-45deg);}

#navbar .m_navul{margin-top: 20px; border-top: 1px solid #f5f5f5;}
#navbar .m_navul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;}
#navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}
#navbar .m_navul li a{color: #333;font-size: 14px;height: 50px;line-height: 50px;width: 100%;display: block;text-decoration: none;}
#navbar .m_navul li .dropdown_menu{display: none;}
#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}
#navbar .m_navul li .dropdown_menu a{display: block; color: #666; font-size: 13px; height: 50px;line-height: 50px;padding: 0 10px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}
#navbar .m_navul li .dropdown_menu a:last-child{border: none;}

#navbar .m_navul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
#navbar .m_navul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
/** m_nav ====================================================================================*/

/*.m_header{display: none;}

.navbar-header {
    min-height: 88px;
}

.navbar {
    min-height: 88px;
    background: #fff;
}

.nav>li {
    position: relative;
}

.nav>li>a {
    padding: 33px 15px;
    font-weight: bold;
}

.nav>li .navbar-brand {
    padding: 33px 15px;
}

.navbar-right>li>a {
    padding: 27px 15px;
}

.navbar-right>li:nth-child(1)>a {
    padding: 8px 15px;
    border-radius: 1000px;
    border: 1px solid #aab4b8;
    margin-top: 25px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: #fff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: #fff;
}

.nav .active .line {
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    background: #00aed9;
}

.nav .active .part {
    display: block;
    position: absolute;
    width: 8px;
    left: 50%;
    bottom: 4px;
    margin-left: -4px;
    border: 4px solid transparent;
    border-bottom-color: #00aed9;
}

*/#logo {
    margin-top: 12px;
}

#logo img {
    display: block;
    width: 305px;
    height: 28px;
}

/* 主要内容 */
#main {
    margin-top: 88px;
}

/* 轮播图修饰 */
#hxp_lunbo img {
    width: 100%;
}

.carousel-indicators li {
    background: #fff;
    border: none;
}

.carousel-indicators .active {
    background: #00aed9;
    border: none;
}

.linke {
    width: 52px;
    height: 45px;
    display: block;
    position: absolute;
    right: 100px;
    top: 10px;
    background: url('./images/like.png') no-repeat center/cover;
    z-index: 8888888;
}

.carousel-inner .itme {
    position: relative;
}

/* 商品信息价格 */
.goods-info {
    width: 100%;
    box-sizing: border-box;
    /* padding: 0 44px; */
}

.goods-info h1 {
    margin-top: 30px;
	font-size:30px;
}

.goods-info .line {
    height: 5px;
    background: #00aed9;
    width: 78px;
    margin: 20px 0;
}

.goods-info .prompt {
    font-size: 14px;
    color: #aab4b8;
    margin: 20px 0;
}

.goods-info .cost {
    margin: 20px 0;
}

.goods-info .exhibit img {
    width: 100%;
    /* height: 117px; */
    display: block;
}

.goods-info .cost {
    font-size: 30px;
    color: #00aed9;
}

.goods-info .img-box {
    margin: 10px 0;
}

.goods-info .icon-x {
    display: block;
    width: 24px;
    height: 19px;
    background: url('./images/camera.png') no-repeat center/cover;
}

.goods-info .button button {
    width: 100%;
    height: 55px;
    background: #aab1c7;
    border: none;
    color: #747b92;
    margin-bottom: 20px;
}

.goods-info .button2 button {
    width: 100%;
    height: 55px;
    background: #00aed9;
    margin-bottom: 20px;
    border: none;
}

/* --- */

.box {
    margin: 20px auto;
    font-size: 18px;
    font-weight: bold;
    color: #133154;
    text-align: center;
}

.box a {
    color: #133154;
}

/* -------- */
.Show {
    background: #f4f8fa;
    /* height: 500px; */
}

.Show .link-c {
    display: block;
    width: 40px;
    height: 40px;
    background: url('./images/link.png') no-repeat center center;
}

.Show .link-1 {
    display: block;
    width: 40px;
    height: 40px;
    background: url('./images/chakan.png') no-repeat center center;
}

.juzhon {
    width: 700px;
    margin: 20px auto;
    box-sizing: border-box;
    padding: 10px;
    font-size: 20px;
}

.juzhon em {
    font-weight: bold;
    font-size: 26px;
    font-style: normal;
}

.img-list {
    height: 300px;
    position: relative;
}

.img-list a{display: block;width: 100%;height: 100%;}
.img-list a .imgzoom{position: relative;width: 100%;padding-bottom:20px;overflow: hidden;border-radius: 6px;}
.img-list a .imgzoom img{position:relative;top: 0;left: 0;width: 100%;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}
.img-list a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.address {
    width: 222px;
display:block; margin:0 auto;
}

.address img {
    width: 222px;
	
}

.address p {
    width: 246px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #00aed9;
    margin-top: 10px;
}

.itme {
    position: relative;
    width: 283px;
    height: 277px;
    text-align: center;
    background: url('./images/zhonjian.png') no-repeat;
    text-align: center;
    /* line-height: 277px; */
    display: flex;
    justify-content: center;
    align-items: center;
 margin:0 auto;
}

.itme .row>div {
    padding: 0;
}

.itme .row .itme-shu {
    font-size: 44px;
    font-weight: bold;
    height: 60px;
}

.itme .row .col-md-4 {
    height: 60px;
    text-align: center;
}

.itme .row em {
    font-style: normal;
    text-align: center;
    display: block;
    width: 60px;
    font-size: 20px;
    color: #989ba8;
}

.itme .name {
    font-size: 44px;
    font-weight: bold;
    color: #15355b;
}

.itme .tip {
    font-size: 20px;
    font-weight: bold;
    color: #989ba8;

}

.itme span {
    display: block;
    font-size: 44px;
    font-weight: bold;
    color: #15355b;
    text-align: center;
    position: absolute;
}

.right-text {
    width: 285px;
    font-size: 25px;
    color: #989ba8;
    text-align: center;

	margin:10px auto;
}

.right-text img {
    width: 100%;
}

.ml-t {
    margin-left: 0.2rem;
}

.mr-t {
    margin-right: 0.2rem;
        margin-right: 7px;
}

.bottom-tip {
    margin: 20px auto;
    font-size: 28px;
    color: #15355b;
    text-align: center;
    margin-bottom: 30px;
}

.bottom-line {
    height: 1px;
    background: #d2d2d2;
    margin-bottom: 20px;
}

.main-title h1 {
    font-size: 70px;
    color: #15355b;
    text-align: center;
    margin-top: 40px;
}

.text-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.text-content h1 {
    color: #133154;
    font-size: 30px;
}

.text-content p {
    font-size: 25px;
    color: #989ba8;
}

/* .text-content img{
    width: 88px;
    height: 63px;
    margin: 0 auto;
    
} */
.text-content .img-circle {
    height: 74px;
}

.text-content .images {
    width: 88px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

/* ------------ */
.tab {
    width: 50%;
    font-size: 40px;
   /* border-bottom: 1px solid #989ba8*/;
}

@media (max-width:1200px){
	.tab { font-size:26px;}
	}
	@media (max-width:968px){
	 .tab { font-size: 26px;}
	}
.nav-tabs li {
    position: relative;
}

.nav-tabs li.active>a {
    border-left: none;
    border-right: none;
    border-top: none;
}

.nav-tabs li:hover .active>a {
    border-left: none;
    border-right: none;
    border-top: none;
}

.nav-tabs li>a {
    color: #133154;
    padding: 20px 30px;
	border-bottom: 4px solid #dfe2e3;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 4px solid #00aed9;
    background: transparent;
    color: #00aed9;
}

.nav-tabs>li>a:hover {
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
}
.tab .nav-tabs{ border-bottom:none;}
.tab li.active a {
    border-bottom: 4px solid #00aed9;
	 
}

.nav-tabs {
   
}

.neion {
    margin-top: 100px;
}

.list li {
    padding: 20px;
    margin: 20px 0;
    background: #f4f8fa;
    border-radius: 10000px;
    list-style: none;
}

.list li .title {
    width: 30%;
    font-size: 18px;
    color: #133154;
}

.list li .text {
    font-size: 18px;
    color: #989ba8;
}

.list-itme {
    padding: 20px 0;
    border-bottom: 1px solid #989ba8;
}

.list-itme .title {
    font-size: 30px;
    /* width: 40%; */
    color: #133154;
}

.list-itme .text {
    /* width: 30%; */
    font-size: 24px;
}

.list-itme .text li {
    margin-bottom: 20px;
    color: #00aed9;
}

.list-itme .text li span {
    color: #747b92;
}

.title-name{
    cursor: pointer;
}
.title-name h1 {
    text-align: center;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    color: #00aed9;
       margin-top: 32px;
}

.title-name h1::after {
    content: '';
    display: inline;
    position: relative;
    top: 18px;
    margin-left: 10px;
    border: 8px solid transparent;
    border-top-color: #00aed9;
}
.text-p{
    font-size: 24px;
    color: #747b92;
}
/* 满意 */
.satisfaction .title{
    margin-top: 96px;
    text-align: center;
    font-size:70px;
    color: #133154;
}
.satisfaction .nav-tabs li{
    width: 50%;
}
.satisfaction .nav-tabs li>a{
    text-align: center;
}
.satisfaction .Tab-box {
    width: 100%;
    margin-bottom: 20px;
}
.satisfaction .Tab-box .btn{
    border: 2px solid #dde1eb;
    background: none;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;

}
.Tab-box div{
    color: #133154;
}
.Tab-box .gray{
    color: #747b92;
}
.satisfaction .Tab-box .caret{
    border-top-color: #00aed9;
    position: absolute;
    right: 6px;
    bottom: 50%;
    margin-bottom: -8px;
}
.left-content{
    margin-top: 20px;
}
.Slider {
    margin-top: 20px;
}
.Slider .title{
    font-size: 20px;
    color: #133154;
    line-height: 36px;
    margin-top: 0;
}
.Slider .jiage{
    border-radius: 50px;
    border:2px solid #747b92;
    padding: 5px 20px;
    font-size: 16px;
    color: #00aed9;
}
.Slider .jiage em{
    color: #747b92;
    margin-right: 5px;
}
/* 设置滑块 */
input[type=range] {
    -webkit-appearance: none;
    /* width: 300px; */ /*这个属性设置使填充进度条时的图形为圆角*/
    outline: none;
    height: 8px;
    border-radius: 10px; 
    background: #d9dde9;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
} 
/* 设置圆点 */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -2px; /*使滑块超出轨道部分的偏移量相等*/
    background: #ffffff; 
    border-radius: 50%; /*外观设置为圆形*/
    /* box-shadow: 0 .125em .125em #3b4547;  */
    border:2px solid #00aed9;
    /*border: solid 0.125em rgba(205, 224, 230, 0.5); 
    
    */
}
/* 设置轨道 */
/* input[type=range]::-webkit-slider-runnable-track {
    height: 8px;
    border-radius: 10px; 
    background: #d9dde9;
} */

input[type='range']::-moz-range-track{  
    background-color: #eee;
}
.Slider-itme{
    position: relative;
    margin-top: 20px;
}
.Slider-itme .gradient{
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00aed9;
    width: 0;
    border-radius: 10px;
    z-index: 1;
}
.valy{
    margin-top: 20px;
}
.valy h1{
    font-size: 20px;
    color: #133154;
}
.valy p{
    font-size: 16px;
    color: #989ba8;
}
.valy .media{
    height: 100px;
    overflow: hidden;
}
.valy .btn-box{
    width: 100%;
}
.valy button{
    width: 100%;
    border: 2px solid #00aed9;
    color: #00aed9;
    background: #fff;
    font-size: 18px;
}
.valy button:hover{
    width: 100%;
    border: 2px solid #00aed9;
    color: #00aed9;
    background: #fff;
    font-size: 18px;
}
.right-bg{
    background: #00aed9;
    color: #fff;
    position: relative;
    margin-top: 20px;
    margin-left: 20px;
}
.right-bg .left-content{
    width: 50%;
    text-align: center;
}
.right-bg .left-content h1{
    margin: 10px 0;
}
.right-bg .prat{
    width: 16px;
    height: 16px;
    border:8px solid transparent;
    border-top-color: #00aed9;
    box-sizing: border-box;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
}
.text-list {
    background: #fff;
    margin-left: 20px;
}
.text-list ul{
    padding: 0;
    margin: 0;
    padding: 20px;
}
.text-list ul li{
    list-style: none;
    font-size: 18px;
    margin-bottom: 20px;
    color: #747b92;
}
.text-list ul li .title-name{
    color: #15355b;
}
.text-list .bottom-border{
    border-bottom: 2px solid #989ba8;
    padding-bottom: 10px;
}
.title-name i{
    width: 18px;
    height: 18px;
    background: url('./images/wenhao.png') no-repeat center/cover;
    margin-left: 10px;
}
.teshu{
    font-size: 16px;
}
.indie .media{
    background: #fff;
    padding: 20px;
    width: 408px;
    border-radius: 10px;
    position: relative;
}
.indie .title-name{
    font-size: 20px;
    color: #133154;
}
.indie .ptah{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 1px;
    bottom: 0;
    border: 20px solid transparent;
    border-right-color: #00aed9;
    border-bottom-color: #00aed9;
    text-align: right;
    box-sizing: border-box;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    line-height: 16px;
}
.content-box .title {
    font-size: 70px;
    color: #15355b;
    text-align: center;
    margin-top: 100px;
}
.like-box .title{
    font-size: 50px;
    color: #15355b;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 60px;
}
.content-box>p{
    text-align: center;
    font-size: 24px;
    color: #aab1c7;
}
.left-right-content{
    margin: 20px 0;
    font-size: 24px;
    color: #15355b;
	overflow:hidden;
}
.left-right-content b{
    font-weight: bold;
    font-size: 26px;
}
.icon-zhenque{
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url('./images/zhenque.png') no-repeat center/cover;
}
.carfax{
    font-size:18px;
    color: #00aed9;
    margin-right: 10px;
}
.content-box .list li .title{
    width: auto;
}
.icon-wen{
    width: 26px;
    height: 26px;
    background: url('./images/wenhao.png') no-repeat center/cover;
}
.list-2 .list li .title{
    width: auto;
}
.icon-fenxiang{
    width: 28px;
    height: 28px;
    background: url('./images/fenxian.png') no-repeat center/90%;
}
.hint{
    font-size: 20px;
    color: #747b92;
}
.hint span{
    color: #00aed9;
}
.like-box li{
    box-sizing: border-box;
    list-style: none;
}
.like-box .name{
    font-size: 18px;
}
.images{
    width: 100%;
    height: 200px;
    padding: 20px 0;

}
.images img{
    width: 100%;
    margin: 50px 0;
}
.label-box{
    background: #00619e;
}
.label-box .label-itme{
    background:url('./images/bg.png') no-repeat center/cover;
    color: #fff;
    text-align: right;
    font-size: 12px;
    padding: 0 20px;
    
}
.label-box .label-itme p{
    margin: 0;
}
.linke-itme{
    background:#f1f1f1 ;
    margin-bottom: 20px;
}
.botom-info{
    padding:0 10px;
}
.info-box{
    padding: 10px;
}
.info-box .name{
    font-size: 14px;
    font-weight: 600;
    color: #133154;
}
.info-box .rmb{
    font-size: 24px;
    font-weight: bold;
    color: #00aed9;
}
.info-box .icon-linke{
    display: block;
    width: 20px;
    height: 18px;
    margin-top: 0.6rem;
    background: url('./images/like.png') no-repeat center/cover;
}
.info-box .icon-linke2{
    display: block;
    width: 20px;
    height: 18px;
    margin-top: 0.6rem;
    background: url('./images/like2.png') no-repeat center/cover;
}
.info-box .center-box {
    width: 100%;
    margin: 0 auto;
    border-bottom: 2px solid #d2d2d2;
    padding-bottom: 10px;
}.info-box .botom-info{
    margin-top: 10px;
    color: #747b92;
}
.bottom-text{
    color: #fff;
    text-align: center;
}
.bottom-text .title{
       font-size: 46px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.bottom-text  p{
        font-size: 20px;
    margin: 30px 0;
    margin-bottom: 0px;
    margin-top: 4px;
}
.bottom-text ul{
    width: 40%;
    margin: 0 auto;
    color: #00aed9;
}
.bottom-text ul span{
    color: #fff;
        margin-bottom:6px;
        display: inline-block;
}
.bottom-text li{
    text-align: left;
}
.bottom-list{
    padding: 20px 0;
}
.bottom-list li{
    list-style: none;
    text-align: left;
}
.ci{
    width: 7px;
    height: 7px;
    background: #02addb;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%
}
.w-icon{
    text-align: center;
    font-size: 20px;
    color: #fff;
}
.w-icon img{
    display: block;
    margin: 0 auto;
}
.w-icon  .images{
    width: 80px;
    height: 80px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;

}
.text-color{
    color: #fff;
    padding: 50px;
}
.text-color dd{
    color: #aab4b8;
    margin: 10px 0;
}
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex li{
    list-style: none;
    padding: 0 10px;
    position: relative;
}
.flex li a{
    color: #aab4b8
}
.flex i{
    display: block;
    width: 1px;
    height: 10px;
    color: #fff;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top:-5px;
}
.Copyright{
    text-align: center;
    color: #aab4b8;
    margin: 10px 0;
}
.font-text{
    font-size: 20px;
    color: #aab4b8;
    text-align: center;
       margin-top: 38px;
}
.footerFlex{
    margin-bottom: 22px;
}
.swiperWrap{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 99999;
    background: #000;
    display: none;
}
.swiper-container {
  position: relative;
  z-index: 999;
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.close{
    width: 40px;
    height: 40px;
    position: fixed;
    top:30px;
    right:40px;
    z-index: 999999999;

}
.simg{
    width: 100%;
    height: 100%;
}
.fixedbox{
    width: 100%;
    position: fixed;
    top:92px;
    background-color: #fff;
    z-index: 99999;
    display: none;
}
.acc{
    color: #00aed9!important;
    padding-bottom: 10px;
    border-bottom: 2px solid #00aed9;
    text-decoration: none;
}
.fsw:hover{
    text-decoration: none;
}
.fsw:focus{
    text-decoration: none;
}
.linke2{
    display: block;
    position: absolute;
    right: 16%;
    top: 30px;
    background: url(./images/5.png) no-repeat center/cover;
    z-index: 8888888;
}
.linke3{
   
    background: url(./images/like2.png) no-repeat center/cover;
}


.swiperWrap2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #000;
    display: none;
}
.pi2{
    padding:10px;
    background-color: #163758;
        padding-top: 42px;
        padding-bottom: 42px;
}
.piw1{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #fff
}
.pi2{
    text-align: center;
    margin-top: 35px;
}
.piw2{
    font-size: 16px;
    color: #99b4c4;
    margin-bottom: 15px;
    width: 822px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 20px;
}

.piw2 font{
    color: #fff;
}
.piw2 img{
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.pii2{
    margin-top: 20px;
    padding:20px;
    background: #ffffff;
    border:1px solid #dde1ec;
}
.pii2 input{
    color: #9498a3;
    font-size: 14px;
    width: 80%;
    border:none;
    outline: none;
}
.moreContent{
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
}
.moreContentInnerLeft{
    display: inline-block;
    width: 49.9%;
    float: left;
    font-size: 16px
}
.moreInner{
    vertical-align: middle;
    margin-bottom: 8px;
    padding-left: 84px;
}
.moreInner span{
    vertical-align: middle;
    color: #848895;
    display: inline-block;
}
.circ{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0bb1da;
    margin-right: 4px;
}
.title-colse h1{
    margin-top: 0!important;
    margin-bottom: 25px;
}
.title-colse h1::after{
    display: none;
}
.title-colse image{
    width: 15px;
    height: 10px;
    position: absolute;
    right: 0;
    top:0;
}
.moreContent{
    display: none;
}
.title-colse {
    display: none;
}
.fadenima{
    width: 200%;
    height: 70%;
    position: absolute;
    left:-50%;
    top:0;
    background:#f4f8f9;
}
body,html{
    overflow-x: hidden;
}
.hidemoreDiv{

}
.dropdown-menu{
    width: 100%;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding-top:8px;
    padding-bottom: 8px;
    font-weight: bold;
    color: #41526a;
}
.liac .dimg{
    display: block;
}
.dimg{
        width: 12px!important;
    height: 12px!important;
    position: absolute;
    right: 8px;
    top: 11px;
    display: none;
}
.dropdown-menu li{
    position: relative;
}
.liac a{
    color: #b0b6cb!important
}
.dropdown-menu{
    max-height:250px;
    overflow: auto;
}
.mb2{
    margin-bottom: 15px;
}
.w2{
    width: 100%!important;
}
.getBtn{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    background: #d9dde9;
    color: #aeb3c4;
    font-size: 13px;
    margin: 0 auto;
}